<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>群组</title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script src="js/jquery-3.1.1.js"></script>
		<script src="js/flexible.js"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/iconfont.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/confi.js"></script>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">群组</h1>
		</header>
		<!--
        	作者：18291958857@163.com
        	时间：2019-01-05
        	描述：轮播图
        -->
		<div id="slider" class="mui-slider">
			<div class="mui-slider-group mui-slider-loop">
				<div class="mui-slider-item mui-slider-item-duplicate">
					<a href="#"><img src="image/home_bg1@2x.png" /></a>
				</div>
				<div class="mui-slider-item mui-slider-item-duplicate">
					<a href="#"><img src="image/home_bg1@2x.png" /></a>
				</div>
				<div class="mui-slider-item mui-slider-item-duplicate">
					<a href="#"><img src="image/home_bg1@2x.png" /></a>
				</div>
			</div>
			<div class="announcement flexStar">
				<img src="image/icon/icon_gongao@2x.png" />
				<marquee><span id="mar"></span></marquee>
			</div>
		</div>
		<!--
        	作者：18291958857@163.com
        	时间：2019-01-05
        	描述：内容
        -->
		<ul class="game">
			<li>
				<span>扫雷游戏</span>
				<p>开始游戏</p>
			</li>
			<li>
				<span>接龙游戏</span>
				<p>开始游戏</p>
			</li>
			<li>
				<span>抢庄牛牛</span>
				<p>开始游戏</p>
			</li>
		</ul>
		<!--
    	作者：18291958857@163.com
    	时间：2019-01-05
    	描述：底部切换
    -->
		<nav class="mui-bar mui-bar-tab">
			<a class="tab-buttom mui-active" href="index.html">
				<span class="mui-icon iconfont icon-moban"></span>
				<span class="mui-tab-label">群组</span>
			</a>
			<a class="tab-buttom" href="mailList.html">
				<span class="mui-icon iconfont icon-tongxunlu"></span>
				<span class="mui-tab-label">通讯录</span>
			</a>
			<a class="tab-buttom" href="my.html">
				<span class="mui-icon iconfont icon-wodexuanzhong"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		<script type="text/javascript">
			var token=localStorage.getItem('token');
			mui("#slider").slider({
				interval: 2000
			});
			$('.game li').on('tap', function() {
				var _index = $(this).index();
				switch(_index) {
					case 0:
						mui.openWindow('mineClearance.html');
						break;
					case 1:
						mui.openWindow('solitaire.html');
						break;
					case 2:
						mui.alert('该游戏暂未开放，敬请期待！');
						break;
				}
			})
			//获取公告内容
			mui.ajax(config.host + '/home/Index/index', {
				headers:{
					token:token
				},
				dataType: 'json', //服务器返回json格式数据
				type: 'get', //HTTP请求类型	              
				success: function(data) {
					if(data.code == 200) {
						$('#mar').text(data.data.notice);
					} else {
						mui.toast(data.msg)
					}
				},
				error: function(data) {
					mui.toast(data.msg)
				}
			});
		</script>
	</body>

</html>